<template>
  <div class="my_good">
    <img :src="`http://106.15.179.105:3000/${itemObj.product_picture}`" alt="" />
    <p>{{itemObj.product_name}}{{itemObj.product_title}}</p>
    <section>
      <div>
        <span>￥{{itemObj.product_selling_price}}</span>
        <s>￥{{itemObj.product_price}}</s>
      </div>
      <span>已售：{{itemObj.product_num}}件</span>
    </section>
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props:{
    itemObj: Object
  },
  setup() {},
};
</script>
<style lang="scss" scoped>
.my_good {
  width: 49%;
  font-size: 14px;
  img {
    width: 100%;
  }
  p{
      text-align: center;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 10px auto;
  }
  section{
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    div span{
      font-size: 14px;
      color: red;
    }
  }
}
</style>